$baseElement: body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,
  h5, h6, i, b, textarea, button, input, select, figure, figcaption, label;
// 配置通用样式
#{$baseElement} {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  &:hover {
    outline: none;
  }
}

// 全局自定义样式变量
html,
body,
#hnup {
  height: 100%;
  overflow: hidden;
  font-family: PingFang SC;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/**设置滚动条**/

/* IE */

html * {
  scrollbar-face-color: #c1c1c1;
  scrollbar-shadow-color: #c1c1c1;
  scrollbar-highlight-color: #f1f1f1;
  scrollbar-3dlight-color: #f1f1f1;
  scrollbar-darkshadow-color: #c1c1c1;
  scrollbar-track-color: #f1f1f1;
  scrollbar-arrow-color: #505050;
}

/* Webkit */

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  // background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 6px;
}

::-webkit-scrollbar-track {
  // -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  // background-color: #f5f5f5;
  // display: none;
  background-color: #fff;
}

::-webkit-scrollbar-track-piece {
  background-color: #fff;
}

/**以下为自定义的全局类**/

iframe {
  border: none;
}

.no-data {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  img {
    width: 240px;
    height: 240px;
  }
}

.label-limit {
  display: flex;
  .text-overflow {
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

//表头表格线对齐
.el-table .el-table__header {
  table-layout: fixed !important;
}

//表头表格checkbox对齐
// .el-table thead .el-checkbox {
//   padding-left: 4px;
// }

//搜索框调整
// .outer .searchBar .el-input--prefix .el-input__inner {
//   padding-left: 8px !important;
//   padding-right: 30px !important;
// }
// .searchBar .el-input--prefix .el-input__prefix {
//   left: unset;
//   right: 5px;
// }
//radio全局样式调整
.el-radio .el-radio__inner {
  width: 16px;
  height: 16px;
}

.el-radio .el-radio__inner:after {
  width: 8px;
  height: 8px;
}

//checkbox全局样式调整
.el-checkbox .el-checkbox__input .el-checkbox__inner {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.el-checkbox .el-checkbox__input .el-checkbox__inner:after {
  height: 8px;
  left: 5px;
}

//全局表格调整
// .el-table tr th {
//   background: #fafafa !important;
// }
.paginationBox {
  // background: #fafafa;
  padding: 0px 12px;
}

.paginationBox .el-pagination {
  padding: 10px 0px !important;
}

// show-overflow-tooltip 内容太长 设置最大宽度
.el-tooltip__popper {
  max-width: 50% !important;
}

//打印阴影
#toolbarViewer {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06) !important;
}

.el-range-editor .el-range-separator {
  line-height: 30px !important;
}
.el-range-editor .el-range-editor--small .el-range__icon {
  line-height: 30px;
}

//修改 placeholder的认颜色
input::placeholder {
  color: #bfbfbf !important;
}
.theme-default-blue .vue-treeselect--single .vue-treeselect__list-item .vue-treeselect__option--selected {
  background: #e8f4fe !important;
}

// 重置table排序图标样式
.el-icon-caret-top,
.el-icon-caret-bottom {
  font-size: 8px !important;
  opacity: 0.7;
}

.el-table--border {
  border: 1px solid #ebeef5 !important;
}

.el-table-column--selection .cell {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.com-bg-color {
  background-color: #f5f5f5 !important;
}
.com-content-border {
  border: solid 1px #d9d9d9;
  border-radius: 4px;
}
.com-content-bg {
  background-color: #ffffff !important;
}
.com-margin {
  margin: 8px;
}

.font-special {
  .el-input {
    .el-input__inner {
      font-family: sans-serif;
    }
  }
}

.popper-tree {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}

//更改主题
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import '~element-ui/packages/theme-chalk/src/index';
